关键字: align-items
  • 2020 vuejs 中组件实现
    vuejs-logo.png 组件化 组件化是任何一个框架必须实现,如何将定义组件(js 对象)转化为 dom 对象,以及组件的属性转换为 dom 属性,这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...
  • vue+swiper实现背景跟随轮播图切换
    一. 图片变量设置 1.Less: ...
  • 搭建以 serverless 为后台服务的疫情热搜快应用
    起源 今年疫情的影响越来越大,已经成为一个世界性的问题,疫情的发展时刻牵动每个人的心,正好也是因为疫情,今年让作为加班狗的我突然重温“放寒假”的感觉。宅在家里太久就想搞点事情做,于是就萌发了搞个疫情热搜应用的念头。说干就干,经过两天构思,两 ...
  • 前端基础——页面架构
    1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式,并且不同的浏览器默认的样式不同,而通常我们的产品设计中样式都是不同于浏览器默认样式的,所以我们在开发中经常要去覆盖默认的样式,针对不同的浏览器 ...
  • flexbox 收缩算法(下)
    前几天对 flex 的深入学习,笔者写了一篇flex的收缩算法文章,文章刚出,就被朋友甩来一道flex题,咋地!要考察我?小题一道我还能不会,哈哈哈!不过我相信肯定有人不会这道题,尤其复杂的flex计算情况,指定懵。于是这篇文章就诞生了,教 ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...
  • web前端入门到实战:css元素居中指南,细节决定成败!
    一、元素分类 首先要知道元素分三种:内联元素(行内元素)、块级元素、内联块级元素。 1、内联(行内)元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度,不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...
  • web前端入门到实战:3步实现小程序第一次打开提示“添加到我的小程序”
    本文例子也以Taro代码为示例,如果你用小程序语言、uni-app等框架也不用担心,因为原理是一样的。 一、理解设计原理 问题的关键在于“如何判断第一次打开”,有两种方法: 1、打开页面后本地存一个flag到session; 2、和服务器交 ...
  • web前端入门到实战:html,css制作九宫格
    绘制九宫格 要求:九宫格垂直居中于页面,只能使用ul和li标签,添加背景边框 代码 九宫格 要求: 1:不能修改标签,仅通过 css 实现效果 ...

暂无数据